<script>
  export default {
    // mpvue自带代码
    created () {
      // 调用API从本地缓存中获取数据
      /*
       * 平台 api 差异的处理方式:  api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串
       * 微信：mpvue === wx, mpvuePlatform === 'wx'
       * 头条：mpvue === tt, mpvuePlatform === 'tt'
       * 百度：mpvue === swan, mpvuePlatform === 'swan'
       * 支付宝(蚂蚁)：mpvue === my, mpvuePlatform === 'my'
       */

      let logs
      if (mpvuePlatform === 'my') {
        logs = mpvue.getStorageSync({key: 'logs'}).data || []
        logs.unshift(Date.now())
        mpvue.setStorageSync({
          key: 'logs',
          data: logs
        })
      } else {
        logs = mpvue.getStorageSync('logs') || []
        logs.unshift(Date.now())
        mpvue.setStorageSync('logs', logs)
      }
    },
    log () {
      console.log(`log at:${Date.now()}`)
    },

    mounted () {
      const token = wx.getStorageSync('token')
      // 存在
      console.log('得到本地token:' + token)
      // 不存在
      wx.login({
        success (res) {
          if (res.code) {
            console.log('res:' + res.code)
            wx.request({
              method: 'get',
              url: 'http://47.94.166.187:8080/miniProgram/getToken',
              data: {
                code: res.code
              },
              success (res) {
                console.log(res)
                if (res.data.msg === 1) {
                  wx.setStorage({
                    key: 'token',
                    data: res.data.object
                  })
                  console.log('成功存入本地token！' + res.data.object)
                } else {
                  console.log('获取token失败。。')
                  wx.removeStorage({
                    key: 'token',
                    success: function (res) { }
                  })
                }
              }
            })
          } else {
            console.log('获取code失败！')
          }
        }
      })
    },
    globalData: {
      userInfo: null
    }
  }
</script>

<style>
  .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 200rpx 0;
    box-sizing: border-box;
  }
  /* this rule will be remove */
  * {
    transition: width 2s;
    -moz-transition: width 2s;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
  }
</style>
